<template>
  <div class="cone">
    <div class="device-radio-body">
      <el-radio-group v-model="activeName" size="small" @change="selectStyle">
        <el-radio-button label="first" >人员设备</el-radio-button>
        <el-radio-button label="second" disabled>资产设备</el-radio-button>
        <el-radio-button label="third" >锥桶信息</el-radio-button>
      </el-radio-group>
    </div>
  </div>
</template>

<script>
    export default {
      name: "Capital",
      data(){
        return {
          activeName: 'send',
        }
      },
      methods:{
        selectStyle(val){
          if(val=="first") {
            //this.deviceStyle = 'device-list-body';
            this.$router.push({path: "/device"})
          }else if(val=="second") {
            // this.deviceStyle = 'device-list-body-700'
            // this.$router.push({path: "/capital"})
          }else {
            //this.coneStyle = 'device-list-body'
            this.$router.push({path: "/cone"})
          }
        },
      }
    }
</script>

<style scoped>
  .device-radio-body{
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-width: 0;
    position: fixed;
    top: 80px;
    left: 1rem;
    padding: 0.15rem 0rem;
    border-radius: 0.2rem;
    z-index: 999;
    height: 30px;
    width: 600px;
  }
</style>
